<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="root">
			
		</div>
		
		<script type="text/javascript">
			const vm = new Vue({
				el: "#root",
				// // 第一种写法，对象形式
				// data: {
				// 	username: '',
				// 	password: ''
				// }
				
				// 第二种写法：函数形式
				data() {
					// 此处的this是vue实例对象
					console.log(this)
					// 需要返回一个对象
					return {
						username: '',
						password: ''
					}
				}
				// 函数形式不要写成箭头函数
				// data:()=>{
				// 	// 此处的this对象不再是vue实例对象
				// 	console.log(this)
				// 	// 需要返回一个对象
				// 	return {
				// 		username: '',
				// 		password: ''
				// 	}
				// }
			})
		</script>
	</body>
</html>